﻿
<!DOCTYPE html>
<html>
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
    <title>永生花_进口永生花品牌_永生玫瑰花盒订购-花礼网（鲜花礼品网）</title>
    <meta name="description" content="永生花-花礼网Hua.com(鲜花礼品网)专业提供FlowerSong品牌进口永生花订购,永生玫瑰花盒配送全国服务,品种包括:经典永生花盒,巨型永生玫瑰礼盒,薰衣草永生花礼盒,厄瓜多尔进口整枝大号永生玫瑰.永生花保持了鲜花的特质、保存时间至少3年，是永不凋谢的鲜花,是现代花艺设计之首选!" />
    <meta name="keywords" content="永生花，FlowerSong进口永生花品牌,永生花盒,永生玫瑰花，永生花哪里有卖?" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
    <meta name="renderer" content="webkit|ie-comp">
    <script type="text/javascript" src="/api/search/js/jquery-3.2.1.min.js"></script>
    <script type="text/javascript" src="/api/search/js/catalogLoader.js"></script>
  <script type="text/javascript" src="/api/search/js/d49df4a839574666ad22c0598d7f134e.js"></script>
    <link rel="icon" href="/favicon.ico" mce_href="/favicon.ico" type="image/x-icon">
    
    
    


    <link type="text/css" rel="stylesheet" href="/api/search/css/common.css">
    <link type="text/css" rel="stylesheet" href="/api/search/css/public_2020.css">
    <link type="text/css" rel="stylesheet" href="/api/search/css/mbar.css" />
    <link type="text/css" rel="stylesheet" href="/api/search/css/GL.css" />
    <link href="/api/search/css/yongshenghua.css" rel="stylesheet" />

    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@3.3.7/dist/css/bootstrap.min.css" integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u" crossorigin="anonymous">
    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@3.3.7/dist/css/bootstrap-theme.min.css" integrity="sha384-rHyoN1iRsVXV4nD0JutlnGaslCJuC7uwjduW9SVrLvRYooPp2bWYgmgJQIXwl/Sp" crossorigin="anonymous">
    <script src="https://cdn.jsdelivr.net/npm/bootstrap@3.3.7/dist/js/bootstrap.min.js" integrity="sha384-Tc5IQib027qvyjSMfHjOMaLkfuWVxZxUPnCJA7l2mCWNIpG9mGCD8wGNIcPD7Txa" crossorigin="anonymous"></script>
    <script>
        //动态加载的html账单管理跳转
        // $(".dropdown").on('click','.dropdown-toggle',function () {
        //     $(".secound-menu").show();
        //
        //     console.log(id);
        // });
        +function ($) {
            'use strict';

            // DROPDOWN CLASS DEFINITION
            // =========================

            var backdrop = '.dropdown-backdrop'
            var toggle   = '[data-toggle="dropdown"]'
            var Dropdown = function (element) {
                $(element).on('click.bs.dropdown', this.toggle)
            }

            Dropdown.VERSION = '3.4.1'

            function getParent($this) {
                var selector = $this.attr('data-target')

                if (!selector) {
                    selector = $this.attr('href')
                    selector = selector && /#[A-Za-z]/.test(selector) && selector.replace(/.*(?=#[^\s]*$)/, '') // strip for ie7
                }

                var $parent = selector !== '#' ? $(document).find(selector) : null

                return $parent && $parent.length ? $parent : $this.parent()
            }

            function clearMenus(e) {
                if (e && e.which === 3) return
                $(backdrop).remove()
                $(toggle).each(function () {
                    var $this         = $(this)
                    var $parent       = getParent($this)
                    var relatedTarget = { relatedTarget: this }

                    if (!$parent.hasClass('open')) return

                    if (e && e.type == 'click' && /input|textarea/i.test(e.target.tagName) && $.contains($parent[0], e.target)) return

                    $parent.trigger(e = $.Event('hide.bs.dropdown', relatedTarget))

                    if (e.isDefaultPrevented()) return

                    $this.attr('aria-expanded', 'false')
                    $parent.removeClass('open').trigger($.Event('hidden.bs.dropdown', relatedTarget))
                })
            }

            Dropdown.prototype.toggle = function (e) {
                var $this = $(this)

                if ($this.is('.disabled, :disabled')) return

                var $parent  = getParent($this)
                var isActive = $parent.hasClass('open')

                clearMenus()

                if (!isActive) {
                    if ('ontouchstart' in document.documentElement && !$parent.closest('.navbar-nav').length) {
                        // if mobile we use a backdrop because click events don't delegate
                        $(document.createElement('div'))
                            .addClass('dropdown-backdrop')
                            .insertAfter($(this))
                            .on('click', clearMenus)
                    }

                    var relatedTarget = { relatedTarget: this }
                    $parent.trigger(e = $.Event('show.bs.dropdown', relatedTarget))

                    if (e.isDefaultPrevented()) return

                    $this
                        .trigger('focus')
                        .attr('aria-expanded', 'true')

                    $parent
                        .toggleClass('open')
                        .trigger($.Event('shown.bs.dropdown', relatedTarget))
                }

                return false
            }

            Dropdown.prototype.keydown = function (e) {
                if (!/(38|40|27|32)/.test(e.which) || /input|textarea/i.test(e.target.tagName)) return

                var $this = $(this)

                e.preventDefault()
                e.stopPropagation()

                if ($this.is('.disabled, :disabled')) return

                var $parent  = getParent($this)
                var isActive = $parent.hasClass('open')

                if (!isActive && e.which != 27 || isActive && e.which == 27) {
                    if (e.which == 27) $parent.find(toggle).trigger('focus')
                    return $this.trigger('click')
                }

                var desc = ' li:not(.disabled):visible a'
                var $items = $parent.find('.dropdown-menu' + desc)

                if (!$items.length) return

                var index = $items.index(e.target)

                if (e.which == 38 && index > 0)                 index--         // up
                if (e.which == 40 && index < $items.length - 1) index++         // down
                if (!~index)                                    index = 0

                $items.eq(index).trigger('focus')
            }


            // DROPDOWN PLUGIN DEFINITION
            // ==========================

            function Plugin(option) {
                return this.each(function () {
                    var $this = $(this)
                    var data  = $this.data('bs.dropdown')

                    if (!data) $this.data('bs.dropdown', (data = new Dropdown(this)))
                    if (typeof option == 'string') data[option].call($this)
                })
            }

            var old = $.fn.dropdown

            $.fn.dropdown             = Plugin
            $.fn.dropdown.Constructor = Dropdown


            // DROPDOWN NO CONFLICT
            // ====================

            $.fn.dropdown.noConflict = function () {
                $.fn.dropdown = old
                return this
            }


            // APPLY TO STANDARD DROPDOWN ELEMENTS
            // ===================================

            $(document)
                // .on('click.bs.dropdown.data-api', clearMenus)
                // .on('click.bs.dropdown.data-api', '.dropdown form', function (e) { e.stopPropagation() })
                .on('click.bs.dropdown.data-api', toggle, Dropdown.prototype.toggle)
            // .on('keydown.bs.dropdown.data-api', toggle, Dropdown.prototype.keydown)
            // .on('keydown.bs.dropdown.data-api', '.dropdown-menu', Dropdown.prototype.keydown)

        }(jQuery);

    </script>

    <style>

        body #header .logo-nav {
            background-image: url(image/big-logo.png);
            background-repeat: no-repeat;
            background-size: 100%;
            background-position: 0 -26px;
        }
        header .logo {
            background: url(image/big-logo.png) left center no-repeat!important;
            background-size: 238px!important;
        }
        #top-nav-menu >li{
            min-width: 100px;
            text-align: center;
        }
    </style>
    <style>
        .dropdown-submenu {
            position: relative;

        }
        .dropdown-submenu > .dropdown-menu {
            top: 0;
            left: 100%;
            margin-top: -6px;
            margin-left: -1px;
            -webkit-border-radius: 0 6px 6px 6px;
            -moz-border-radius: 0 6px 6px;
            border-radius: 0 6px 6px 6px;
        }
        .dropdown-submenu:hover > .dropdown-menu {
            display: block;
        }
        .dropdown-submenu > a:after {
            display: block;
            content: " ";
            float: right;
            width: 0;
            height: 0;
            border-color: transparent;
            border-style: solid;
            border-width: 5px 0 5px 5px;
            border-left-color: #ccc;
            margin-top: 5px;
            margin-right: -10px;
        }
        .dropdown-submenu:hover > a:after {
            border-left-color: #fff;
        }
        .dropdown-submenu.pull-left {
            float: none;
        }
        .dropdown-submenu.pull-left > .dropdown-menu {
            left: -100%;
            margin-left: 10px;
            -webkit-border-radius: 6px 0 6px 6px;
            -moz-border-radius: 6px 0 6px 6px;
            border-radius: 6px 0 6px 6px;
        }
        #top-nav-menu li{
            background-color:#FFC0CB
        }
        #top-nav-menu a:hover,.dropdown-menu li>a:hover{
            background-color:#FF69B4!important;
            background-image:linear-gradient(0deg, #FFC0CB, #FF69B4 50%, #FFC0CB);
        }
        #top-nav-menu a:focus,.dropdown-menu:focus,.dropdown-menu:focus{
            background-color:#FF69B4
        }
        .dropdown .dropdown-menu{
            background-color: #FFC0CB;
        }

        #top-nav-menu li a{
            color: white;
        }
        #navbar-default{
            background-color:#FFC0CB
        }
    </style>
    <!--[if lt IE 9]>
        <script src="/api/search/js/html5shiv.min.js"></script>
    <![endif]-->
</head>
<body class="yongshenghua">
        <!-- 顶部导航 End -->
        <!-- 头部 -->
        <header>
            <div class="logo">
                <h1><a href="/" class="logo-bd">永生花</a></h1>
                <!--
    
    

-->
            </div>
            <div class="search">
                <form name="i_search" method="get" action="/search/">
                    <div class="input-group">
                        <input name="keyword" type="text" class="form-control" placeholder="商品关键词">
                        <span class="input-group-btn">
                            <button id="test" class="btn" style="background-color: #FF69B4" type="button" onClick="searchByKeyword()">搜索</button>
                        </span>
                    </div>
                </form>
                
    
    


            </div>
            <div class="service serviceDefault">
                <span class="phone-400" style="display:none"><span class="ico ico-phone"></span>400-889-8188</span>
                <a style="border:none" id="header-chat" href="javascript:void(0);"><span class="ico ico-headset"></span>在线客服</a>
            </div>
            <div class="service serviceVip">
                <span class="phone-400" style="display:none"><span class="ico ico-phone"></span>400-830-3920</span>
                <a style="border:none" id="header-chat" href="javascript:void(0);"><span class="ico ico-headset"></span>在线客服</a>
            </div>
        </header>
        <!-- 头部 End -->
            
<!-- 导航 -->


        <nav class="navbar" id="navbar-default" role="navigation">
            <nav role="navigation" class="miscro-font">
                <ul class="nav navbar-nav navbar-left" id="top-nav-menu">
                    <li class="dropdown" >
                        <a href="#" class="dropdown-toggle" data-toggle="dropdown" style="color: white">商品分类导航<b class="caret"></b></a>
                        <ul class="dropdown-menu secound-menu" >
                            <li class="dropdown-submenu" th:each="category : ${categorys}"> <a class="first-class-a" href="#" th:attr="ctg-data=${category.catId}"><b th:text="${category.name}"></b></a>

                            </li>
                        </ul>
                    </li>
                    <li ><span id="index_menu_selected1"></span><a href="#" class="click_selected">首页</a> </li>
                    <li ><span id="index_menu_selected2"></span><a href="#" class="click_selected">鲜花</a> </li>
                    <li ><span id="index_menu_selected3"></span><a href="#" class="click_selected">永生花</a> </li>
                </ul>
            </nav>
        </nav>

<!-- 导航 End -->
<section class="main-box">
    <div class="com-width">
        <div class="filterbar" th:with="p = ${param.sort}, priceRange = ${param.skuPrice}">
            <ul class="fl" >
                <li class='active'>
                    <a sort="hotScore"
                       th:class="${(!#strings.isEmpty(p) && #strings.startsWith(p,'hotScore') && #strings.endsWith(p,'desc')) ? 'sort_a desc' : 'sort_a'}"
                       th:attr="style=${(#strings.isEmpty(p) || #strings.startsWith(p,'hotScore')) ?
                                   'color: #fff; border-color: #e4393c; background: #e4393c;':'color: #333; border-color: #ccc; background: #fff;' }">
                        综合排序[[${(!#strings.isEmpty(p) && #strings.startsWith(p,'hotScore') &&
                        #strings.endsWith(p,'desc')) ?'↑':'↓' }]]</a>
                </li>
                <li>
                    <a sort="saleCount"
                       th:class="${(!#strings.isEmpty(p) && #strings.startsWith(p,'saleCount') && #strings.endsWith(p,'desc')) ? 'sort_a desc' : 'sort_a'}"
                       th:attr="style=${(!#strings.isEmpty(p) && #strings.startsWith(p,'saleCount')) ?
                                   'color: #fff; border-color: #e4393c; background: #e4393c;':'color: #333; border-color: #ccc; background: #fff;' }">
                        销量[[${(!#strings.isEmpty(p) && #strings.startsWith(p,'saleCount') &&
                        #strings.endsWith(p,'desc'))?'↑':'↓' }]]</a>
                </li>
                <li>
                    <a sort="skuPrice"
                       th:class="${(!#strings.isEmpty(p) && #strings.startsWith(p,'skuPrice') && #strings.endsWith(p,'desc')) ? 'sort_a desc' : 'sort_a'}"
                       th:attr="style=${(!#strings.isEmpty(p) && #strings.startsWith(p,'skuPrice')) ?
                                   'color: #fff; border-color: #e4393c; background: #e4393c;':'color: #333; border-color: #ccc; background: #fff;' }">
                        价格[[${(!#strings.isEmpty(p) && #strings.startsWith(p,'skuPrice') &&
                        #strings.endsWith(p,'desc'))?'↑':'↓' }]]</a>
                </li>
                <li>
                    <input id="skuPriceFrom" type="number"
                           th:value="${#strings.isEmpty(priceRange)?'':#strings.substringBefore(priceRange,'_')}"
                           style="width: 100px; margin-left: 30px">
                    -
                    <input id="skuPriceTo" type="number"
                           th:value="${#strings.isEmpty(priceRange)?'':#strings.substringAfter(priceRange,'_')}"
                           style="width: 100px">
                    <button id="skuPriceSearchBtn">确定</button>
                </li>
            </ul>
            
        </div>
        <div class="product-filter">
            <div class="product-filter-item" >
                <span class="product-filter-item__name" >品牌：</span>
                <ul class="product-filter-item__val">
                    <li th:each="brand : ${result.brandVos}" class='active'>
                        <a href="/yongshenghua/"
                           th:href="${'javascript:searchProducts(&quot;brandId&quot;,'+brand.brandId+')'}"
                        ><img class="brand-img" th:src="${brand.brandImg}" alt=""  style="width: 30%" >
                            <div th:text="${brand.brandName}">[品牌名]</div></a></li>
                </ul>
            </div>
            <div class="product-filter-item">
                <span class="product-filter-item__name">分类：</span>
                <ul class="product-filter-item__val">
                    <li th:each="catalog : ${result.catalogVos}" class='active'>
                        <a href="/yongshenghua/"
                           th:href="${'javascript:searchProducts(&quot;catalog3Id&quot;,'+catalog.catelogId+')'}"
                        ><div th:text="${catalog.catelogName}">[分類名]</div></a></li>
                </ul>
            </div>
            <!--其它的所有需要展示的属性-->
            <div class="product-filter-item" th:each="attr : ${result.attrVos}">
                <span class="product-filter-item__name" th:text="${attr.attrName}">人群：</span>
                <ul class="product-filter-item__val">

                    <li class='' th:each="attrValue : ${attr.attrValues}">
                        <a href="/yongshenghua/songlianren/"
                           th:href="${'javascript:searchProducts(&quot;attrs&quot;,&quot;'+attr.attrId+'_'+attrValue+'&quot;)'}"
                           th:text="${attrValue}">送恋人爱人</a></li>
                </ul>
            </div>
        </div>
    </div>
</section>
<section class="product-list">
    <div class="com-width">
        <ul>
            <li th:each="product : ${result.products}">
                <a th:href="|http://localhost:88/api/product/productDetail?skuId=${product.skuId}|" target="_blank" data-link="1073346">
                    <div class="item-img">
                        <img  th:attr="data-original=${product.skuImg}">
                    </div>
                    <div class="product-info">
                        <p class="promotion">
                            <span>节日人气发财色</span>
                        </p>
<!--                        <h5 class="name" style="overflow: hidden; height: 20px; line-height: 20px;">经典花盒/我如此爱你-迪奥Dior888元气橘红哑光口红款</h5>-->
                        <p class="desc" th:utext="${product.skuTitle}">skuTitle</p>
                        <div class="box">
                            <span class="price" data-id="1073346" th:text="'￥' + ${product.skuPrice}">¥&nbsp;659</span>
                            <span class="btn-buy"></span>
                        </div>
                    </div>
                </a>
            </li>
        </ul>
   </div>


</section>
<!-- 鲜花常识&送花礼仪 -->
<div class="panel panel-default knowledge com-width">
    <div class="panel-heading">
        <h3 class="panel-title">永生花相关文章推荐</h3>
    </div>
    <div class="panel-body">
        <ul>
            <li><a href="/huayu/11589.html" target="_blank">什么是永生花？</a> </li>
            <li><a href="/huayu/11590.html" target="_blank">永生花哪里有卖？</a> </li>
            <li><a href="/huayu/11591.html" target="_blank">永生花是真花吗？</a></li>
            <li><a href="/huayu/11593.html" target="_blank">永生花多少钱？</a></li>
            <li><a href="/huayu/11598.html" target="_blank">永生花怎么保养？</a></li>
        </ul>
        <ul>
            <li><a href="/profile/11914.html" target="_blank">永生花寓意是什么？永生花的意义是什么？</a></li>
            <li><a href="/huayu/11910.html " target="_blank">永生花是什么花？如何制作永生花？永生花制作方法介绍</a></li>
            <li><a href="/huayu/11905.html" target="_blank">永生花价格是多少？永生花贵吗？</a> </li>
            <li><a href="/huayu/12158.html" target="_blank">永生花花语，永生玫瑰花代表什么？</a> </li>
            <li><a href="/huayu/11897.html" target="_blank">永生花盒是什么？永生花盒哪家最好？</a></li>
        </ul>
        <ul>
            <li><a href="/huayu/11865.html" target="_blank">情人节送永生花代表什么？ </a></li>
            <li><a href="/huayu/13091.html" target="_blank">进口永生玫瑰与国产永生玫瑰的区别</a></li>
            <li><a href="/huayu/10594.html" target="_blank">送女朋友保鲜花，代表不凋谢的爱情</a> </li>
            <li><a href="/huayu/10949.html" target="_blank">送女孩子什么礼物好？泰国保鲜花推荐</a></li>
            <li><a href="/huayu/12942.html" target="_blank">结婚纪念送花：永生花·花永生·爱永恒</a></li>
        </ul>
    </div>
</div>
        <!-- 尾部导航 -->
        <div class="footer-nav">
            <a href="/">首页</a> <b>|</b> <a href="/profile/about.htm" target="_blank">关于我们</a> <b>|</b>  <a class="phone-400" style="display:none" href="/profile/contact.htm" target="_blank">联系方式</a> <b class="phone-400" style="display:none">|</b> <a href="/liansuo/" target="_blank">花店入驻</a><b>|</b>  <a href="/profile/links.htm" target="_blank">友情链接</a> <b>|</b>  <a class="last-child" href="/profile/why_choose_us.htm" target="_blank">为什么选择鲜花网</a>
        </div>
        <!-- 尾部导航 End -->
        <!-- 通用尾部 -->
        <footer>
            <div class="auth">
                <a href="/profile/ICP.htm" rel="nofollow" target="_blank"><img src="/api/searchpicture/bico1.jpg" alt="ICP" height="46" width="35"></a>

                <script id="ebsgovicon" src="/api/search/js/govicons.js" type="text/javascript" charset="utf-8"></script>
            </div>
            <p><a href="/profile/ChinaFlowerAssociation.htm" rel="nofollow" target="_blank" title="中国花卉协会会员">中国花卉协会会员</a> <a href="/profile/chinaECA.htm" rel="nofollow" target="_blank">中国电子商务协会会员</a> ICP经营许可证：<a>粤B2-20666664</a> <b>|</b> <a href="http://beian.miit.gov.cn" rel="nofollow" target="_blank">粤ICP备09171662号</a> <span class="ico beian"></span>粤公网安备44030502000373号 Copyright © 2005-2022</p>
            <p> <a href="/">http://localhost:88/api/product/index</a><span> </span> 鲜花网-uflower</p>
        </footer>

    

    <script type="text/javascript">
        function IEVersion() {
            try {
                var userAgent = navigator.userAgent; //取得浏览器的userAgent字符串
                var isIE = userAgent.indexOf("compatible") > -1 && userAgent.indexOf("MSIE") > -1; //判断是否IE<11浏览器
                var isEdge = userAgent.indexOf("Edge") > -1 && !isIE; //判断是否IE的Edge浏览器
                var isIE11 = userAgent.indexOf('Trident') > -1 && userAgent.indexOf("rv:11.0") > -1;
                if (isIE) {
                    var reIE = new RegExp("MSIE (\\d+\\.\\d+);");
                    reIE.test(userAgent);
                    var fIEVersion = parseFloat(RegExp["$1"]);
                    if (fIEVersion == 7) {
                        return 7;
                    } else if (fIEVersion == 8) {
                        return 8;
                    } else if (fIEVersion == 9) {
                        return 9;
                    } else if (fIEVersion == 10) {
                        return 10;
                    } else {
                        return 6;//IE版本<=7
                    }
                } else if (isEdge) {
                    return 'edge';//edge
                } else if (isIE11) {
                    return 11; //IE11
                } else {
                    return -1;//不是ie浏览器
                }
            }
            catch (e) {
                return -1;
            }
        }
        var bVersion = IEVersion();
    </script>
        <script type="text/javascript" src="/api/search/js/common.js"></script>
            <script type="text/javascript" src="/api/search/js/statesandright.js"></script>
    
    
    <script src="/api/search/js/jquery.lazyload.min.js" type="text/javascript" charset="utf-8"></script>
    <script type="text/javascript">
        //异步加载图片
        $("img[data-original]").lazyload({
            effect: "fadeIn",
            threshold: 400,
            placeholder: "//img02.hua.com/m/pro_detail/375x409.png"
        });
    </script>
    


        <script src="/api/search/js/layer.js"></script>
            <script type="text/javascript">
            var userId = 0;
            function reqUrlParam(paras) {
                var url = location.href;
                var paraString = url.substring(url.indexOf("?") + 1, url.length).split("&");
                var paraObj = {}
                for (i = 0; j = paraString[i]; i++) {
                    paraObj[j.substring(0, j.indexOf("=")).toLowerCase()] = j.substring(j.indexOf("=") + 1, j.length);
                }
                var returnValue = paraObj[paras.toLowerCase()];
                if (typeof (returnValue) == "undefined") {
                    return "";
                } else {
                    return returnValue;
                }
            }
            function setLocalStoreHua(k, v) {
                try {
                    if (localStorage != null) {
                        localStorage.setItem(k, v);
                    }
                } catch (ex) { }
            }
            function getLocalStoreHua(k) {
                try {
                    if (localStorage != null) {
                        var v1 = localStorage.getItem(k);
                        localStorage.removeItem(k);
                        return v1;
                    }
                } catch (ex) { }
                return "";
            }
            var lsPerfKey = "home/GetProductListPrice";
            function getProductPrice() {
                var dataPps = "";
                $("span[data-pp]").each(function (index, data) {
                    dataPps = dataPps + $(this).attr("data-pp") + ",";
                })
                if (dataPps.length > 0) {
                    var perf1 = getLocalStoreHua(lsPerfKey);
                    var dts = new Date();
                    $.ajax({
                        type: "POST", url: "/home/GetProductListPrice",
                        data: { itemcodes: dataPps, perf: perf1 },
                        timeout: 60000, dataType: 'json',
                        success: function (res) {
                            if (res.DataStatus == 200 && res.Status == '0') {
                                if (res.Datas.ProductPrices.length == 0) {
                                    return false;
                                }
                                for (var i = 0, len = res.Datas.ProductPrices.length; i < len; i++) {
                                    var temp = res.Datas.ProductPrices[i];
                                    $("span[data-pp='" + temp.ItemCode + "']").text(temp.Price);
                                }
                            }
                            else { }
                        },
                        complete: function (res) {
                            var dte = new Date();
                            var useMs = dte.getTime() - dts.getTime();
                            //var resTxt = "v0,"+res.readyState + "," + res.status + "," + res.statusText;
                            var resTxt = "v0," + res.status + "," + dts.getTime() + "," + useMs;
                            setLocalStoreHua(lsPerfKey, resTxt);
                            //console.log("AjaxReq性能", resTxt);
                        }
                    });
                }
            }
            function setCurUrlClass() {
                // css : class = "color_tj"
                var pathname1 = window.location.pathname;
                $("a[href='" + pathname1 + "'").addClass("color_tj");
            }
            getProductPrice();

            function addHuaPid() {
                try {
                    var path = encodeURIComponent(window.location.pathname);
                    $("a[data-link]").each(function (index, data) {
                        if ($(this).attr("href").indexOf("huaPid=") == -1) {
                            var href = $(this).attr("href") + "?huaPid=" + path + "-" + $(this).attr("data-link");
                            $(this).attr("href", href);
                        }
                    })
                }
                catch (e) {
                    console.log(e);
                }
            }
            addHuaPid();

            $(function () {
                $(".menu-dropdown").hover(function () {
                    $(this).addClass("open");
                }, function () {
                    $(this).removeClass("open")
                })
                $.get("/Home/GetLoginUserId", null, function (data) {
                    userId = data;
                }, "json");

                $("#header-chat,#kefu,#kefu1").click(function (e) {
                    e.preventDefault();
                    //$("#MEIQIA-BTN").click();
                    //_MEIQIA('showPanel');
                    openChatWindow();
                });

                if ($("#pjCount").length > 0) {
                    $.get("/productpj/GetPJCount", function (data) {
                        $("#pjCount").text(data);
                    });
                }
            });
        </script>
    <!--Hua.com统计-->
    <script type="text/javascript">
        $.ajax({
            type: "POST",
            url: "/HuaCtrler/Tel400Config",
            async: false,
            success: function (data) {
                if (data.Datas.OpenTel400) {
                    $(".phone-400").show();
                    $("header .service a").css("border-left", "1px solid #d9d9d9")
                }
            }
        });
        function getParameters(paramName) {
            var returnValue = "";
            var kv = location.search.slice(1).split("&");
            for (var i = 0; i < kv.length; i++) {
                var index = kv[i].indexOf("=");
                if (index == -1) {
                    continue;
                }
                var groupParam = kv[i].split("=")
                if (groupParam[0] == paramName) {
                    if (returnValue.length > 0) {
                        returnValue = returnValue + "|" + groupParam[1];
                    } else {
                        returnValue = groupParam[1];
                    }
                }
            }
            return returnValue;
        }
        (function () {
            var locationUrl = location.href;
            var refererUrl = document.referrer;
            if (locationUrl.length > 1500) {
                locationUrl = locationUrl.substring(0, 1500);
            }
            if (refererUrl.length > 100) {
                refererUrl = refererUrl.substring(0, 100);
            }
            var apiurl = "/huactrler/hm?lt=" + (+new Date()) + "&sid=" + getParameters('sid') + "&u_id=" + getParameters('u_id') + "&huaPid=" + getParameters('huaPid');
            apiurl = apiurl + "&url=" + encodeURIComponent(locationUrl) + "&urlreferer=" + encodeURIComponent(refererUrl);
            var img = new Image;
            img.onload = img.onerror = img.onabort = function () { }
            img.src = apiurl;
        })();
    </script>
    <!--百度统计-->
    <script type="text/javascript">
        var _hmt = _hmt || [];
        (function () {
            var hm = document.createElement("script");
            hm.src = "https://hm.baidu.com/hm.js?ae896b60487020696d3df0e260c080bf";
            var s = document.getElementsByTagName("script")[0];
            s.parentNode.insertBefore(hm, s);
        })();
    </script>
    <!-- Google Tag Manager -->
    <script type="text/javascript">
        try {
            if (bVersion != 8) {
                (function (w, d, s, l, i) {
                    w[l] = w[l] || []; w[l].push({
                        'gtm.start':
                            new Date().getTime(), event: 'gtm.js'
                    }); var f = d.getElementsByTagName(s)[0],
                        j = d.createElement(s), dl = l != 'dataLayer' ? '&l=' + l : ''; j.async = true; j.src =
                            'https://www.googletagmanager.com/gtm.js?id=' + i + dl; f.parentNode.insertBefore(j, f);
                })(window, document, 'script', 'dataLayer', 'GTM-KS4PTHC');
            }
        }
        catch (e) { }
    </script>
    <!-- End Google Tag Manager -->
    <script type='text/javascript'>
        try {
            if (bVersion != 8 && bVersion != 9) {
                (function (m, ei, q, i, a, j, s) {
                    m[i] = m[i] || function () {
                        (m[i].a = m[i].a || []).push(arguments)
                    };
                    j = ei.createElement(q),
                        s = ei.getElementsByTagName(q)[0];
                    j.async = true;
                    j.charset = 'UTF-8';
                    j.src = 'https://static.meiqia.com/dist/meiqia.js?_=t';
                    s.parentNode.insertBefore(j, s);
                })(window, document, 'script', '_MEIQIA');
                _MEIQIA('entId', 111117);//1212
                $.post("/Home/MeiQiaVisitLog", null, function (data) {
                    _MEIQIA('clientId', data);
                });
            }
        }
        catch (e) { }

        function LayerOpen(title, url, wdith, height) {
            layer.open({
                type: 2,
                title: title,
                shadeClose: true,
                shade: 0,
                offset: 'rb', //右下角弹出
                area: [wdith + 'px', height + 'px'],
                content: url //iframe的url
            });
        }

        function openChatWindow() {
            if (bVersion == 9) {
                LayerOpen("在线客服", "https://temp-chat.mstatik.com/widget/standalone.html?eid=111117", 500, 600);
            }
            else if (bVersion == 8) {
                LayerOpen("在线客服", "/home/weixinkefu", 240, 300);
            }
            else {
                _MEIQIA('showPanel');
            }
        }
    </script>
        <script type="text/javascript">

        $('#bindModal').on('hidden.bs.modal', function () {
            $("#attBindPage").attr("src", "");
        });
        //绑定窗口操作结束
        var appAuthorizedType = -1;
        if (appAuthorizedType && appAuthorizedType>0) {
            DoBind();
        }
        function DoBind() {
            try {
                $('#consigneeModal').modal('hide');
                $('#loginModal').modal('hide');
                $('#bindModal').modal('show');
                $("#attBindPage").attr('src', '/Passport/Login/WinLoginBind?appAuthorizedType=' + appAuthorizedType)
            }
            catch (err) {
            }
        }

        </script>

        <script type="text/javascript">
            function replaceParamVal(url, paramName, replaceVal,forceAdd) {
                var oUrl = url.toString();
                var nUrl;
                if (oUrl.indexOf(paramName) != -1) {
                    if( forceAdd ) {
                        if (oUrl.indexOf("?") != -1) {
                            nUrl = oUrl + "&" + paramName + "=" + replaceVal;
                        } else {
                            nUrl = oUrl + "?" + paramName + "=" + replaceVal;
                        }
                    } else {
                        var re = eval('/(' + paramName + '=)([^&]*)/gi');
                        nUrl = oUrl.replace(re, paramName + '=' + replaceVal);
                    }
                } else {
                    if (oUrl.indexOf("?") != -1) {
                        nUrl = oUrl + "&" + paramName + "=" + replaceVal;
                    } else {
                        nUrl = oUrl + "?" + paramName + "=" + replaceVal;
                    }
                }
                return nUrl;
            };
            function searchProducts(name, value) {
                //原來的页面
                location.href = replaceParamVal(location.href,name,value,false)
            }

            function searchByKeyword() {
                searchProducts("keyword", $("#keyword_input").val());
            }

            $(".sort_a").click(function () {
                changeStyle(this);
                let sort = $(this).attr("sort");
                sort = $(this).hasClass("desc") ? sort + "_desc" : sort + "_asc";
                location.href = replaceParamVal(location.href, "sort", sort,false);

                return false;
            });

            function changeStyle(ele) {
                // location.href = replaceParamVal(href, "pageNum", pn,flase);
                // color: #333; border-color: #ccc; background: #fff
                // color: #fff; border-color: #e4393c; background: #e4393c
                $(".sort_a").css({"color": "#333", "border-color": "#ccc", "background": "#fff"});
                $(".sort_a").each(function () {
                    let text = $(this).text().replace("↓", "").replace("↑", "");
                    $(this).text(text);
                })

                $(ele).css({"color": "#FFF", "border-color": "#e4393c", "background": "#e4393c"});
                $(ele).toggleClass("desc");

                if ($(ele).hasClass("desc")) {
                    let text = $(ele).text().replace("↓", "").replace("↑", "");
                    text = text + "↓";
                    $(ele).text(text);
                } else {
                    let text = $(ele).text().replace("↓", "").replace("↑", "");
                    text = text + "↑";
                    $(ele).text(text);
                }
            };


            $("#skuPriceSearchBtn").click(function () {
                let from = $(`#skuPriceFrom`).val();
                let to = $(`#skuPriceTo`).val();

                let query = from + "_" + to;
                location.href = replaceParamVal(location.href, "skuPrice", query,false);
            });


            $("#showHasStock").change(function () {
                alert( $(this).prop("checked") );
                if( $(this).prop("checked") ) {
                    location.href = replaceParamVal(location.href,"hasStock",1,false);
                } else {
                    let re = eval('/(hasStock=)([^&]*)/gi');
                    location.href = (location.href+"").replace(re,"");
                }
                return false;
            });


        </script>
</body>
</html>